@charset "utf-8";

/* CSS Document */
/* For tablets & smart phones */
/*.lside{position: relative;z-index: 88;}
.lside .iauth dl{display: block;}
.lside .iauth .zd{font-size: 11px;left:5px;}
.lside .iauth{background-color: #803d12;}
.lside .iauth a{border:none;}
.lside .iauth>li{border-bottom: 1px solid #b3754e;}
.lside .iauth dl{position: relative;}
.lside .iauth dl::after{
  content: "";width: 0;height: 0;
  border-top: 6px solid #fff ;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    position: absolute;top: -28px;right: 12px;z-index: 55;
}
.lside .iauth a.act, .lside .iauth a:hover {
    color: #fd5f24;
}*/
.pre_news{background-color: #fff;}
#qqlayer.act h3,#qqlayer.act .pre_news{display: none;}
#ind_about .con{text-indent: 1.5em;}
.container .prolist{padding: 10px;margin: 0 -10px;}
.container .prolist li {overflow: visible;}
.container .prolist li .big{height: 14rem;
    width: 100%;
    display: block;
    /*border: 1px solid #ddd;*/
    box-shadow: 0 1px 12px rgba(0,0,0,0.1);
    box-sizing: border-box;}
.container .prolist li .imgcon{ height: 100%}
.container .prolist li img{height: auto;}
@media screen and (max-width:1400px) {
      html{font-size: 19px;}
}
@media screen and (max-width:1200px) {
      .containe{margin-left: 10px;margin-right: 10px;width: auto}
      .navbar .logo img+img{display: none;}
      
}
    /* For larger displays */
@media screen and (min-width: 980px) and (max-width: 1200px) {
      html{font-size: 18px;}
}

@media screen and (max-width:968px) {
#header .topr{display: none;}
}
     /* For smaller displays like laptops */
@media screen and (min-width: 768px) and (max-width: 979px) {
      html{font-size: 17px;}
}
@media screen and (min-width: 767px) {
  .wrap .ind_prolist{min-height: 800px;}
}
@media screen and (max-width: 767px) {
      /*body {padding-left: 10px; padding-right: 10px; }*/
      html{font-size: 16px;}
      .right_side{display: none;}
      body {max-width: 100%;overflow-x: hidden;}
      .containe{padding:0;}
      #header{height:53px;}
      .navbar .logo{padding-top:4px;}
      .mBtn {
        display: inline-block;
        float: right;
        width: 10%;
        cursor: pointer;
        text-align: center;
        margin-top:7px;
      }
  
    .main .lside{float: none;width: 100%;}
    .main .lside>*{display: none ;}
    .main .lside .iauth dl{display: none !important;}
    .main .lside>.iauth{display:block;margin-bottom: 15px;border-color: #bbb;}
    .main .lside>.iauth .ili{width: 48%;float: left;margin: 0 1%;padding: 0;}
    .main .lside>.iauth a{  background-image: none !important;text-align: center;padding: 0;text-indent: 0;line-height: 34px;}
    .main {margin-top: 3vw;}
    .imgDiv {background-size: 100% 100%;}
    .main .lside .iauth .ili:nth-last-of-type(2){border-bottom: none;}
    .main .lside .iauth a::after{font-size: 14px;}
    .containe.contact{text-align: center;}
    
}
@media screen and (max-width: 639px) {
  html{font-size:15px;}
  .breaker{float: left;display: none;}
  .titbar{margin-bottom: 10px;}
  .articleTit{margin-top: 15px;}
  .sub_info{padding: 0;}
  .sub_info{font-size: 0;}
  .sub_info span{color: #909090;font-size: 12px;margin-right: 10px;}
  .sub_info span:nth-child(n+4){display: none;}
  .section3 dd:hover .textcon .con {height: 6em;}
  #header{position: fixed;top: 0;left:0;z-index: 55;width: 100%;background-color: #fff;}
  .section2 dl h3{font-size: 15px;}
  .container .prolist li{width: 47%;}
}
     /* For smartphones */
@media screen and (max-width: 479px){
  html{font-size:14px;}
  #footer>.containe{text-align: center;padding-bottom: 1rem;}
}
@media screen and (max-width: 379px){.tellNum{display: none;}}